
*{
    margin: 0;
    padding: 0;
}

body{
    font-family: PingFangSC-Medium;
}
.dol-hidden {
    display: none!important;
}
.dol-header{
    .dol-logo{
        width: 151px;
        margin: 0 15px;
    }
    .dol-logo,.dol-content{
        display: inline-block;
        vertical-align: middle;
    }
}

.dol-nav{
    padding-left: 195px;
    border-bottom: 1px solid #EBEBEB;
    ul{
        overflow: hidden;
        li{
            height: 40px;
            line-height: 40px;
            min-width: 50px;
            font-size: 14px;
            color: #333333;
            text-align: center;
            padding: 0 3px;
            display: inline-block;
            float: left;
            cursor: pointer;
            margin-right: 15px;
            &.active{
                font-family: PingFangSC-Medium;
                color: #4E6EF2;
                border-bottom: 3px solid #4E6EF2;
            }
            &:hover{
                color: #4E6EF2;
            }
        }
    }
}
.result-content{
    margin-left: 195px;
    overflow-y: auto;
    .result-item{
        width: 700px;
        margin-bottom: 10px;
        .title{
            font-family: PingFangSC-Medium;
            font-size: 18px;
            color: #1A12AB;
            padding:10px 0 ;
            cursor: pointer;
            text-decoration: underline;
        }
        .content{
            line-height: 1.3;
            font-size: 14px;
            color: #4D575F;
        }
        .link{
            margin: 7px 0;
            color: #4D575F;
            font-size: 12px;
            cursor: pointer;
            &:hover{
                color:#1A12AB;
            }
        }
        .info{
            margin: 5px 0;
            color: #8590A6;
            font-size: 14px;
            .cell{
                margin-right: 20px;
                display: inline-block;
                cursor: pointer;
                vertical-align: middle;
            }
            img{
                width: 14px;
                padding-right: 3px;
                vertical-align: middle;
            }
            span{
                vertical-align: middle;
            }
            .result-success:hover,.result-error:hover,.list-reset:hover{
                color:#1A12AB;
                text-decoration: underline;
            }
        }
    }
}

.navBar{
    padding-left: 195px;
    .pagination{
        .page-li{
            width: 36px;
            height: 36px;
            line-height: 36px;
            background: #F7F7F7;
            border-radius: 6px;
            margin-right: 13px;
            font-size: 14px;
            color: #4E6EF2;
            &.page-active{
                background: #4E6EF2;
                color: #fff;
            }
        }
        .img{
            width: 14px;
        }
    }
}


.dol-loading-backdrop{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.48);
}
.dol-loading{
    width: 100px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -15px;
    text-align: center;
}
// loading动画模块  ----start
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px); 
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px); 
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); 
    } 
}
@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px); 
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px); 
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); 
    } 
}
.ball-pulse-sync > div:nth-child(0) {
    -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; 
}
.ball-pulse-sync > div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out; 
}
.ball-pulse-sync > div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out; 
}
.ball-pulse-sync > div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out; 
}
.ball-pulse-sync > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block; 
}
// loading动画模块  ----end

